<template>
    <div>
        <p id="hand">{{ msg }}</p>
        <button @click="change">更新</button>
    </div>
</template>
<script>
export default {
    data(){
        return {
            msg: "普通手臂"
        }
    },
    methods:{
        change(){
            if(this.msg === '单发大炮手臂'){
                this.msg = '三连发大炮手臂';
            }else{
                this.msg = '单发大炮手臂';
            }
        }
    },
    beforeCreate() {
        console.log("正在设计大炮手臂")
    },
    created(){
        console.log("创建好了大炮手臂，正在冷却")
    },
    beforeMount() {
        console.log("挂载之前，卸载自己的普通手臂")
    },
    mounted(){
        console.log("挂载完成，已经升级为大炮手臂");
        this.msg = "单发大炮手臂";
    },
    beforeUpdate() {
        console.log("正在变换形态....");
    },
    updated(){
        console.log("已经变换完成了形态，变成了"+this.msg);
    },
    beforeUnmount() {
        console.log("警告：侦测到高强度能量，正在准备卸载...");
    },
    unmounted() {
        console.log("大炮手臂已卸载，恢复为普通手臂。");
    }

}
</script>